<template>
  <div class="app-container">
    <el-card shadow="never">
      <div slot="header">
        <span>招标详情</span>
      </div>
      <el-form :model="form" label-width="120px">
        <el-row>
          <el-col :md="8">
            <el-form-item label="活动名称：">
              {{ form.name }}
            </el-form-item>
          </el-col>
          <el-col :md="8">
            <el-form-item label="报名截止时间：">
              {{ form.end_time }}
            </el-form-item>
          </el-col>
          <el-col :md="8">
            <el-form-item label="招标编号：">
              {{ form.code }}
            </el-form-item>
          </el-col>
          <el-col :md="8">
            <el-form-item label="投标截止时间：">
              {{ form.last_time }}
            </el-form-item>
          </el-col>
          <el-col :md="8">
            <el-form-item label="采购单位：">
              {{ form.company }}
            </el-form-item>
          </el-col>
          <el-col :md="8">
            <el-form-item label="开标时间：">
              {{ form.start_time }}
            </el-form-item>
          </el-col>
          <el-col :md="8">
            <el-form-item label="招标方式：">
              {{ form.way }}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: "招标名称",
        end_time: "2020-03-01  14:59:59",
        code: "XJD-998376241",
        last_time: "--",
        company: "北京国电龙源环保工程有限公司",
        start_time: "2020-12-31 12:00:00",
        way: "公开招标"
      },
      steps: 3
    };
  }
};
</script>

<style lang="scss" scoped></style>
